// No-Data组件
import React from 'react'
import { Button, Result } from 'antd'
import NoDataSvg from '../../assets/img/common/no-data.svg'

interface Props {
  onClick(e: React.MouseEvent): void
  message?: string
}

const NoData: React.FC<Props> = function ({ onClick, message }: Props) {
  return (
    // global.scss  udn: 元素不能被拖动
    <Result
      className="no-data"
      icon={<img className="udn" src={NoDataSvg} alt="" />}
      title={message}
      extra={
        <Button type="primary" onClick={onClick}>
          现在创建
        </Button>
      }
      status="info"
      style={{ marginTop: '50px' }}
    ></Result>
  )
}

export default React.memo(NoData)
